<template>
    <div class="order-report-ktv-agent">
        <k-t-v-agent-main
            v-if="nowPage === 0"
            :managementType="4"
        ></k-t-v-agent-main>
        <k-t-v-agent-new
            v-if="nowPage === 1"
            :managementType="4"
        ></k-t-v-agent-new>
        <k-t-v-agent-modify
            v-if="nowPage === 2"
            :managementType="4"
        ></k-t-v-agent-modify>
        <k-t-v-agent-history
            v-if="nowPage === 3"
            :managementType="4"
        ></k-t-v-agent-history>
        <k-t-v-agent-add-point
            v-if="nowPage === 4"
            :managementType="4"
        ></k-t-v-agent-add-point>
        <k-t-v-agent-add-date
            v-if="nowPage === 5"
            :managementType="4"
        ></k-t-v-agent-add-date>
        <k-t-v-agent-add-store
            v-if="nowPage === 6"
            :managementType="4"
        ></k-t-v-agent-add-store>
        <k-t-v-agent-service
            v-if="nowPage === 7"
            :managementType="4"
        ></k-t-v-agent-service>
        <k-t-v-agent-buy-service
            v-if="nowPage === 8"
            :managementType="4"
        ></k-t-v-agent-buy-service>
        <ware-input-table
            v-if="nowPage === 9"
            page="KTVysAgent"
        ></ware-input-table>
        <ware-input-review
            v-if="nowPage === 10"
            page="KTVysAgent"
        ></ware-input-review>
        <ware-input-success
            v-if="nowPage === 11"
            page="KTVysAgent"
        ></ware-input-success>
        <k-t-v-agent-edition
            v-if="nowPage === 12"
            :managementType="4"
        ></k-t-v-agent-edition>
        <KTVMangeNetPay
            v-if="nowPage === 13"
            :managementType="2"
        ></KTVMangeNetPay>
        <div class="page-padding"></div>
    </div>
</template>

<script type="text/ecmascript-6">
import KTVMangeNetPay from '../page_main_8_business/page_1_KTV_manage/page_1_KTV_manage_net_pay'
import KTVAgentMain from './page_1_KTV_agent/page_1_KTV_agent_main.vue'
import KTVAgentNew from './page_1_KTV_agent/page_1_KTV_agent_new.vue'
import KTVAgentModify from './page_1_KTV_agent/page_1_KTV_agent_modify.vue'
import KTVAgentHistory from './page_1_KTV_agent/page_1_KTV_agent_history.vue'
import KTVAgentService from './page_1_KTV_agent/page_1_KTV_agent_serviceList.vue'
import KTVAgentAddPoint from './page_1_KTV_agent/page_1_KTV_agent_add_point'
import KTVAgentAddDate from './page_1_KTV_agent/page_1_KTV_agent_add_date'
import KTVAgentAddStore from './page_1_KTV_agent/page_1_KTV_agent_add_store'
import KTVAgentBuyService from './page_1_KTV_agent/page_1_KTV_agent_service.vue'

import wareInputTable from './page_18_ware_input/page_18_ware_input_table.vue'
import wareInputReview from './page_18_ware_input/page_18_ware_input_review.vue'
import wareInputSuccess from './page_18_ware_input/page_18_ware_input_success.vue'
import KTVAgentEdition from './page_1_KTV_agent/page_1_KTV_agent_edition.vue'
export default {
    data: function () {
        return {
        }
    },
    mounted () {
    },
    created () {
        this.$store.dispatch('setKA', 0)
    },
    watch: {
    },
    components: {
        KTVMangeNetPay,
        KTVAgentMain,
        KTVAgentNew,
        KTVAgentModify,
        KTVAgentHistory,
        KTVAgentAddPoint,
        KTVAgentAddDate,
        KTVAgentAddStore,
        KTVAgentService,
        KTVAgentBuyService,
        wareInputTable,
        wareInputReview,
        wareInputSuccess,
        KTVAgentEdition
    },
    props: {
    },
    computed: {
        nowPage () {
            return this.$store.state.page1KTVAgent
        }
    },
    methods: {
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.order-report-ktv-agent
    width: 100%
</style>
